聯(lián)系我們
導(dǎo)讀：移動端網(wǎng)頁在今天雖然已經(jīng)變得越來越重要，但我們在日常使用中依然會遇到一些糟糕的頁面。近日，開發(fā)者Umer Mansoor就總結(jié)了開發(fā)移動網(wǎng)頁時應(yīng)該避免的“七宗罪”。頁面加載緩慢
發(fā)表日期：2019-07-04
文章編輯：興田科技
瀏覽次數(shù)：12479
標(biāo)簽：
移動端網(wǎng)頁在今天雖然已經(jīng)變得越來越重要，但我們在日常使用中依然會遇到一些糟糕的頁面。近日，開發(fā)者Umer Mansoor就總結(jié)了開發(fā)移動網(wǎng)頁時應(yīng)該避免的“七宗罪”。
cluttered
排版凌亂：當(dāng)網(wǎng)頁映入眼前，凌亂的文字排版當(dāng)然也是訪客難以忍受的。就像人們在現(xiàn)實(shí)生活中傾向于和思路清晰的人交流一樣，當(dāng)用戶和網(wǎng)頁“交流”時也希望能快速找到自己需要的信息。所以雜亂的排版同樣是移動網(wǎng)頁應(yīng)該避免的設(shè)計(jì)誤區(qū)之一。比如Eurosmartz的移動版完全不像是為移動設(shè)備設(shè)計(jì)的網(wǎng)頁。
導(dǎo)航功能不易使用：隨著移動設(shè)備性能的提升，很多移動網(wǎng)頁設(shè)計(jì)者傾向于在移動端堆疊更多的內(nèi)容，這時導(dǎo)航功能就變得必不可少了?？芍T多移動頁面在設(shè)計(jì)導(dǎo)航功能時又沒有足夠重視其可操控性，比如按鈕太過緊密、鏈接間距過小、菜單過于隱蔽等等。各種社交網(wǎng)站的點(diǎn)贊功能尤其容易在滑動網(wǎng)頁時誤點(diǎn)擊。蹩腳的導(dǎo)航無疑嚴(yán)重影響了用戶和網(wǎng)頁“互動”的過程，以至于有些用戶要“抱怨”自己手指太肥。
desktop-vs-mobile
桌面端和移動端頁面風(fēng)格差異巨大：某些時候我們可能會遇到一些桌面端和移動端頁面風(fēng)格差異巨大的站點(diǎn)，比如Toybox。一些對此站點(diǎn)不熟悉的用戶在從Toybox的桌面端跳轉(zhuǎn)到移動端時，也許很難意識到這是同一個網(wǎng)站的兩個不同版本。雖然Toybox桌面端的動態(tài)效果挺好，但這種會給用戶造成極大困惑的設(shè)計(jì)明顯難以得到用戶的喜愛。
彈窗：網(wǎng)頁彈窗在桌面端已經(jīng)令用戶厭煩不已，可不幸的是一些移動端的網(wǎng)頁設(shè)計(jì)者還是把其帶到了移動頁面上。毫無疑問由于移動設(shè)備屏幕尺寸的限制在移動端彈窗明顯會有更好的傳播效果，但無疑也會遭受到用戶更多的厭惡。
001
自動重定向：當(dāng)用戶使用ipad訪問某一個網(wǎng)站時將其自動重定向到適配ipad的版本，這聽上去的確是一個好想法，可在實(shí)際操作中一樣會遇到問題。比如當(dāng)一個網(wǎng)站的移動版由于以上的種種問題讓用戶感到難以接受而想切換回桌面版時，自動重定向基本上讓用戶陷入了死循環(huán)。此外由于重定向而導(dǎo)致瀏覽器無法打開網(wǎng)頁的現(xiàn)象也時常出現(xiàn)。所以在使用自動重定向功能時應(yīng)該三思而行。
更多新聞
2019
網(wǎng)站頁標(biāo)題是一個網(wǎng)站的核心，客戶通過搜索引擎找到你的網(wǎng)站，先看到的就是標(biāo)題?？梢哉f標(biāo)題的好壞很大程度上決定了客戶是否會點(diǎn)擊進(jìn)入你的網(wǎng)站。頁標(biāo)題如何設(shè)計(jì)有利于網(wǎng)站的優(yōu)
View details
2020
關(guān)于搜索引擎優(yōu)化，現(xiàn)在的企業(yè)都要擁有自己的網(wǎng)站，因?yàn)樗梢越o給公司帶來方方面面的幫助。比如常規(guī)的官方網(wǎng)站，主要用來展示公司的一些相關(guān)信息。比如公
View details
2019
微信公眾平臺開發(fā)概述微信公眾平臺是運(yùn)營者通過公眾號為微信用戶提供資訊和服務(wù)的平臺，而公眾平臺開發(fā)接口則是提供服務(wù)的基礎(chǔ)，開發(fā)者在公眾平臺網(wǎng)站中創(chuàng)建公眾號、獲取接口權(quán)
View details
2020
關(guān)于網(wǎng)站優(yōu)化，SEO需要哪些技術(shù)知識呢，很多新手都明白，SEO技術(shù)需要哪些知識技能，其實(shí)SEO的工作職責(zé)就是讓網(wǎng)站擁有更多的關(guān)鍵詞排名，從而獲得更高的流量。很
View details
